<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>中移在线智慧园区</title>

    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/tabs.css" />
	<link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/taqs.css" />
	<link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/panel.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/css/styles/components-css/step.css" />

    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/select/bootstrap-select.min.css" />
    <link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />

    <style>
        .t-box.t-apply-box{
            border: none;
            border-bottom: 1px solid #ddd;
        }
        .t-apply-box .t-box-title-box {
            padding: 0;
            border: none;
            margin-bottom: -1px;
            position: relative;
            z-index: 10;
        }
        .t-apply-box .t-box-title-btn {
            border-bottom: 1px solid #ddd;
            display: inline-block;
            line-height: 40px;
            padding: 0 15px;
            margin-right: -4px;
            cursor: pointer;
        }
        .t-apply-box .t-box-title-btn.btnSel{
            border-top:3px solid #4b9ff5;
            border-left:  1px solid #ddd;
            border-right:  1px solid #ddd;
            border-bottom: 1px solid #fff;
        }
        .t-apply-box .box-body{
            border: 1px solid #ddd;
            border-bottom: none;
            height: 249px;
            padding-top: 10px;
        }
        .applyBtnBox {
            margin: 20px 0 0 385px;
        }
        .product-item-edit, .product-item-check {
            cursor: pointer;
        }
        /*下拉菜单重写*/
        .dropdown-menu li { width: 100%; }

        .bootbox .form-control { padding: 0 12px; width: 540px; }

    </style>

</head>
<body>

<!--头部文件 开始-->
<!--<div id="header"></div>-->
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <!--<div id="left-menu"></div>-->
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="wrapper">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title" style="border-bottom: none">
                    <h2>首页 > 宿舍管理 > 商住房审核</h2>
                </div>
                <div class="t-box t-apply-box">
                    <div class="t-box-title t-box-title-box" id="myTabs">
                        <span class="t-box-title-btn btnSel" data-type="1">待审核</span>
                        <span class="t-box-title-btn" data-type="0">已通过</span>
                        <span class="t-box-title-btn" data-type="-1">已驳回</span>
                    </div>


                    <div class="t-list-result clearfix">
                        <!-- 表格 -->
                        <table class="t-table" id="applyTableData"></table>
                        <!-- 分页 -->
                        <div class="pagination" id="applyTableDataPagination" style="margin-bottom: 10px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--版权-->
<!--<div id="copyright"></div>-->

<!--审核详情Dialog-->
<div class="modal fade" id="applyModal" tabindex="-1" role="dialog" aria-labelledby="">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

        </div>
    </div>
</div>

<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<script src="../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

<script src="../../assets/lib/tipModal/js/tipModal.js"></script>
<script src="../../assets/common/centerModal.js"></script>
<script src="../../assets/common/ajaxPoster.js"></script>

<!--模板引擎-->
<script charset="utf-8" src="../../assets/lib/artTemplate/template.js"></script>

<!--分页脚本-->
<script charset="utf-8" src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script src="../../assets/common/loaderTable.js"></script>

<!--bootstrap 弹窗插件扩展-->
<script src="../../assets/lib/bootbox/bootbox.min.js"></script>

<!--bootsrtap日历控件脚本-->
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script src="../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<!-- select 下拉-->
<script src="../../assets/lib/select/bootstrap-select.min.js" charset="utf-8"></script>
<script src="../../static/js/dormManger/review.js"></script>


<!--房间列表渲染模板-->
<script type="text/html" id="applyListTpl">
    <thead>
    <tr>
        <th>姓名</th>
        <th>手机号</th>
        <th>房间类型</th>
        <th>申请时间</th>
        <th>开始时间</th>
        <th>结束时间</th>
        <th>身份证号</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {{ each beans }}
    <tr>
        <td>{{ $value.userName }}</td>
        <td>{{ $value.phone }}</td>
        <td>{{ roomTypeDictdataIdName($value.requestRoomType) }}</td>
        <td>{{ $value.applyRequestDate }}</td>
        <td>{{ $value.startDate }}</td>
        <td>{{ $value.endDate }}</td>
        <td>{{ $value.identityCard }}</td>
        <td>
            {{ if $value.passFlag == '1' }}
            <span class="label label-warning pull-left product-item-edit" data-id="{{$value.applyRequestId}}" style="margin-right: 10px;">编辑</span>
            {{ /if }}
            <span class="label label-success pull-left product-item-check" data-id="{{$value.applyRequestId}}">
                {{ passFlagType($value.passFlag) }}
            </span>
        </td>
    </tr>
    {{ /each }}
    </tbody>
</script>

<!--审核详情渲染模板-->
<script type="text/html" id="applyModalDet">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">商住房审核详情</h4>
    </div>
    <div class="modal-body">
        <div class="t-columns-2">
            <ul class="t-columns-group">
                <li>
                    <label>开始时间</label>
                    <div>
                        <input type="text" class="form_date_hour_start dormitoryTimeS readonly" readonly value="{{ startDate }}"/>
                    </div>
                </li>
                <li>
                    <label>结束时间</label>
                    <div>
                        <input type="text" class="form_date_hour_start dormitoryTimeE readonly" readonly value="{{ endDate }}"/>
                    </div>
                </li>
                <li>
                    <label>房间类型</label>
                    <div>
                        <select class="dormitoryType" disabled style="border: 1px solid #DDD;">
                            <option value="1009011">单间</option>
                            <option value="1009022">标间</option>
                            <option value="1009033">套房</option>
                        </select>
                    </div>
                </li>
                <li>
                    <label>身份证号</label>
                    <div class="dormitoryIdCard">{{ identityCard }}</div>
                </li>
            </ul>
        </div>
        <!--申请人-->
        <div class="responsibe clearfix">
            <div class="fl clearfix">
                <div class="fl responsibe-photo icon-user2"></div>
                <div class="fl responsibe-info">
                    <div class="responsibe-name dormitoryName">{{ userName || '暂无记录' }}</div>
                    <div class="responsibe-name comFont_color">{{ applyRequestDate || '暂无记录' }}</div>
                </div>
            </div>
            <div class="fr responsibe-phone">
                <i class="icon-phone"></i>
                <span class="dormitoryPhone">{{ phone || '无' }}</span>
            </div>
        </div>
        <!--流程-->
        <div class="line1">
            <div class="line">
                {{ if passFlag != '1' }}
                <span class="end"></span>
                {{ else }}
                <span class="end conp"></span>
                {{ /if }}
            </div>
            <div class="clearfix mb10">
                <span class="com_squ "></span>
                <div class="bubble fr ">
                    <dl class="com_dt">
                        <dt class="clearfix">
                            申请人
                            <span class="fr comFont_color dormitoryRequestDate">-</span>
                        </dt>
                        <dd class="comFont_color dormitoryName">
                            {{ userName || '暂无记录' }}
                        </dd>
                    </dl>
                </div>
            </div>
            <!-- 已处理 -->
            {{ if passFlag != '1' }}
            <div class="clearfix mb10">
                <span class="com_squ"></span>
                <div class="bubble fr">
                    <dl class="com_dt">
                        <dt class="clearfix">
                            处理人
                            <span class="fr comFont_color" id="handlerTime"></span>
                        </dt>
                        <dd class="comFont_color dormitoryoCnductor">
                            {{ censorMan || '暂无记录' }}
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="clearfix mb10">
                <span class="com_squ"></span>
                <div class="bubble fr">
                    <dl class="com_dt">

                        {{ if passFlag == '0' }}
                            <dt class="clearfix">
                                <span id="completeResultStaus">已通过</span>
                            </dt>
                            <dd class="comFont_color dormitoryoCnductor">
                                {{ censorDate || '暂无记录' }}
                            </dd>
                        {{ else }}
                            <dt class="clearfix">
                                <span id="completeResultStaus">已驳回</span>
                                <span class="comFont_color pull-right">{{ censorDate }}</span>
                            </dt>
                            <dd class="comFont_color dormitoryoCnductor">
                                {{ timeSegmentDictdataId || '无' }}
                            </dd>
                        {{ /if }}
                    </dl>
                </div>
            </div>
            {{else}}
            <div class="clearfix mb10">
                <span class="com_squ conp"></span>
                <div class="bubble fr comp">
                    <dl class="com_dt">
                        <dt class="clearfix">
                            处理人
                            <span class="fr comFont_color" id="handlerTime"></span>
                        </dt>
                        <dd class="comFont_color dormitoryoCnductor">
                            暂无记录
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="clearfix mb10">
                <span class="com_squ conp"></span>
                <div class="bubble fr comp">
                    <dl class="com_dt">
                        <dt class="clearfix">
                            <span id="completeResultStaus">未完成</span>
                            <span class="fr comFont_color" id="completeTime"></span>
                        </dt>
                    </dl>
                </div>
            </div>
            {{/if}}
        </div>
        {{ if passFlag == '1' && findRole(roles, [60]) }}
            <div class="applyBtnBox" data-requestId="{{ applyRequestId }}">
                <button type="button" class="btn btn-danger" onclick="applyEditTipFn('-1')">驳回</button>
                <button type="button" class="btn btn-primary" onclick="applyEditTipFn('0')">通过</button>
            </div>
        {{ /if }}
    </div>
</script>

<!--审核信息编辑/修改模板-->
<script type="text/html" id="applyModalEdit">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="">商住房审核编辑</h4>
    </div>
    <div class="modal-body">
        <div class="t-columns-2">
            <ul class="t-columns-group">
                <li>
                    <label>姓名</label>
                    <div>{{ userName }}</div>
                </li>
                <li>
                    <label>身份证号</label>
                    <div class="dormitoryIdCard">{{ identityCard }}</div>
                </li>
                <li>
                    <label>手机号</label>
                    <div>{{ phone }}</div>
                </li>
                <li>
                    <label></label>
                    <div></div>
                </li>
                <li>
                    <label>开始时间</label>
                    <div>
                        <input type="text" readonly class="form_date_hour_start dormitoryTimeS" value="{{ startDate }}"/>
                    </div>
                </li>
                <li>
                    <label>结束时间</label>
                    <div>
                        <input type="text" readonly class="form_date_hour_start dormitoryTimeE" value="{{ endDate }}"/>
                    </div>
                </li>
                <li>
                    <label>楼栋</label>
                    <div>
                       {{ buildingName }}
                    </div>
                </li>
                <li>
                    <label>楼层</label>
                    <div>
                        {{ storeyNumber }} 层
                    </div>
                </li>

                <li>
                    <label>房间类型</label>
                    <div>
                        <select class="selectpicker" id="dormitoryType" data-width="102%">
                            <option value="1009011">单间</option>
                            <option value="1009022">标间</option>
                            <option value="1009033">套房</option>
                        </select>
                    </div>
                </li>
                <li>
                    <div style="width: 100%;">
                        <select class="selectpicker" id="editBuildingNo" data-width="58%" title="楼栋" data-live-search="true">

                        </select>
                        <select class="selectpicker" id="editRoomNo" data-width="40%" title="房间号" data-live-search="true">

                        </select>
                    </div>
                </li>
                <input type="hidden" value="{{ buildingId }}" id="hiddenBuildingId">
                <input type="hidden" value="{{ roomId }}" id="hiddenRoomId">
                <input type="hidden" value="{{ applyRequestId }}" id="hiddenApplyId">
            </ul>
        </div>
        <div class="applyBtnBox">
            <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="editConfirm">修改</button>
        </div>
    </div>
</script>


</body>
</html>